<!DOCTYPE html>
<html lang="en"
      xmlns:th="http://www.thymeleaf.org"
      xmlns:layout="http://www.ultraq.net.nz/thymeleaf/layout"
      layout:decorator="layouts/main">
<header>
    <title>Surveys List</title>
</header>

<body>
<!-- start: Header -->


<div id="content" class="span10" layout:fragment="content">
    <!-- start: Content -->

    <div>
        <ul class="breadcrumb">
            <li>
                <a href="#">Home</a> <span class="divider">/</span>
            </li>
            <li>
                <a href="#">Manage Surveys</a>
            </li>
        </ul>
    </div>
    <div class="sortable row-fluid">

        <div class="box span12">
            <div class="box-header" data-original-title>
                <h2><i class="icon-user"></i><span class="break"></span>Surveys</h2>
                <div class="box-icon">
                    <a th:href="@{/survey/create}"><i class="icon-plus"></i></a>
                    <a href="#" class="btn-minimize"><i class="icon-chevron-up"></i></a>
                    <a href="#" class="btn-close"><i class="icon-remove"></i></a>
                </div>
            </div>
            <div class="box-content">
                <div th:if="${message != null}" th:text="${message}">some message here</div>
                <table class="table table-striped table-bordered bootstrap-datatable datatable">
                    <thead>
                    <tr>
                        <th>Title</th>
                        <th>Actions</th>
                    </tr>
                    </thead>
                    <tbody>
                    <tr th:each="survey : ${surveys}">
                        <td th:text="${survey.title}">Anton Phunihel</td>
                        <td class="center">
                            <a class="btn btn-success" href="#">
                                <i class="icon-zoom-in icon-white"></i>
                            </a>
                            <a class="btn btn-info" href="#">
                                <i class="icon-edit icon-white"></i>
                            </a>
                            <a class="btn btn-danger" href="#">
                                <i class="icon-trash icon-white"></i>
                            </a>
                        </td>
                    </tr>

                    </tbody>
                </table>
            </div>
        </div><!--/span-->

    </div>


    <!-- end: Content -->
</div><!--/#content.span10-->

</body>
</html>
